<script setup lang="ts">
import '@/assets/overview.scss'
import { useOverViewStore } from '@/stores'
import Logo from '@/assets/logo.png'

const overview = useOverViewStore()

</script>

<template>
<section>
    <h1>推荐</h1>
    <div class="most-played-albums">
      <h2>热门专辑</h2>
      <div class="content">
        <div class="dan" v-for="(item) in overview.most_played_albums" :key="item.id">
          <img :src="item.cover? item.cover : Logo" />
          <span>{{ item.name }} - {{ item.artist_name }}</span>
        </div>
      </div>
    </div>
  </section>

</template>

<style lang="scss" scoped>

</style>